﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-user"></i>Registro de Estudiante
        </h3>
    </div>
    <div class="panel-body">
        <div class="container-fluid">
            <div class="stepwizard">
                <div class="stepwizard-row">
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">1</button>
                        <p>Datos Generales</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-primary btn-circle">2</button>
                        <p>Datos del Representante</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">3</button>
                        <p>Matriculación</p>
                    </div>

                </div>
            </div>
            <form class="form-horizontal" role="form">

                <div class="panel-body"  id="datosRepresentante">
                    <input type="hidden" name="id" id="id" value="{{Id}}" />
                    <div class="form-group" id="nombreRepresentanteGroup">
                        <label for="inputNombreR" class="col-sm-2 control-label">Nombre</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputNombre" placeholder="Nombre" value="{{Nombre}}" required="required" maxlength="50">
                        </div>
                    </div>
                    <div class="form-group" id="apellidoRepresentanteGroup">
                        <label for="inputApellidoR" class="col-sm-2 control-label">Apellido</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputApellido" placeholder="Apellido" value="{{Apellido}}" required="required" maxlength="50">
                        </div>
                    </div>
                    <div class="form-group" id="direccionRepresentanteGroup">
                        <label for="inputDireccionR" class="col-sm-2 control-label">Dirección</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="inputDireccion" placeholder="Direccion" value="{{Direccion}}" maxlength="70">
                        </div>
                    </div>
                    <div class="form-group" id="telefonoRepresentanteGroup">
                        <label for="inputTelefonoR" class="col-sm-2 control-label">Teléfono</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" id="inputTelefono" placeholder="Telefono" value="{{Telefono}}">
                        </div>
                    </div>
                    <div class="form-group" id="correoRepresentanteGroup">
                        <label for="inputCorreoR" class="col-sm-2 control-label">Correo Eléctronico</label>
                        <div class="col-sm-9">
                            <input type="email" class="form-control" id="inputCorreo" placeholder="Correo Eléctronico" value="{{Correo}}" maxlength="50">
                        </div>
                    </div>
                    <div class="container-fluid">
                        <div class="col-sm-1">
                            <a id="regresar" class="btn btn-primary backEvent" href="#" style="text-align: left"><i class="fa fa-hand-o-left"></i>Anterior</a>
                        </div>
                        <div class=" col-sm-offset-4 col-sm-1">
                            <a id="cancelar" class="btn btn-primary cancelEvent" href="/estudiantes" style="text-align: left"><i class="fa fa-remove"></i>Cancelar</a>
                        </div>
                        <div class="col-sm-1">
                            <a id="save" class="btn btn-primary save" href="#" style="text-align: left"><i class="fa fa-save"></i>Guardar</a>
                        </div>
                    </div>
                </div>
                <a href="#" id="navigationButton" style="visibility: hidden"></a>
            </form>
        </div>
    </div>
</div>
